<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商城</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"></meta>
<link rel="stylesheet"
	href="<%=basePath%>views/upai/layui/css/layui.css" media="all"></link>
<link href="<%=basePath%>views/upai/css/common.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/style.css" rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/idangerous.swiper.css"
	rel="stylesheet"></link>
<link href="<%=basePath%>views/upai/css/team.css" rel="stylesheet"></link>
<style>
.team .info_nav ul li {
	color: #a3a3a3;
	font-size: 0.32rem
}
</style>
</head>
<body>
	<div class="team">
		<div class=""
			style="padding-right: 30px; overflow: hidden; background: #fff; position: relative">
			<img src="<%=basePath%>views/upai/images/right_03.png"
				style="position: absolute; right: 15px; top: 50%; height: 0.24rem; margin-top: -0.12rem" />
			<div class="swiper-container info_nav" style="cursor: -webkit-grab;">
				<ul class="swiper-wrapper" style="width: 881.929px; height: 44px;">
					<li
						class="on swiper-slide swiper-slide-visible swiper-slide-active"><a
						href="javascript:void(0);" data="<%=basePath%>mobile/activityType"
						onclick="goindex()"><span>首&nbsp;&nbsp;&nbsp;&nbsp;页</span></a></li>
					<c:forEach items="${sessionScope.mall_types}" var="type">
						<c:if test="${type.cBelong==1}">
							<li class="swiper-slide"><a href="javascript:void(0);"
								onclick="toNewIframe('${type.cCode}')"><span>${type.cName}</span></a></li>
						</c:if>
					</c:forEach>
				</ul>
			</div>
		</div>
		<div id="index" style="text-align: center; display: block;">
			<ul class="arrange_activity">
				<c:forEach items="${sessionScope.mall_types}" var="type">
					<c:if test="${type.cBelong==2}">
						<li><a onclick="toNewIframe('${type.cCode}')"
							href="javascript:void(0);"><img
								src="<%=imagePath %>${type.cIco}" /></a></li>
					</c:if>
				</c:forEach>
			</ul>
		</div>
		<div id="other" style="text-align: center; display: none;"></div>
	</div>
	<!----------悬浮底部------------>
	<div style="height: 1.2rem"></div>
	<%-- <jsp:include page="footerNav.jsp"></jsp:include> --%>
	<!-----点击滑动到顶部---->
	<div id="returnTop" class="returnTop"></div>
	<!-----点击滑动到顶部end---->
	<script src="<%=basePath%>views/upai/js/jquery-1.9.1.min.js"></script>
	<script src="<%=basePath%>views/upai/js/idangerous.swiper.min.js"></script>
	<script src="<%=basePath%>views/upai/layui/layui.js" charset="utf-8"></script>
	<script src="<%=basePath%>views/upai/js/common.js" charset="utf-8"></script>
	<script type="text/javascript"
		src="<%=basePath%>views/upai/js/jquery.event.drag.js"></script>
	<script type="text/javascript"
		src="<%=basePath%>views/upai/js/jquery.touchSlider.js"></script>
	<!---------顶部拖动菜单栏------------->
	<script>
		/* var swiper = new Swiper('.swiper-container', {
			slidesPerView : 3.5,
			grabCursor : true,
			spaceBetween : 30
		});
		
		$(".info_nav ul li").on("click", function() {
				$(this).addClass("on").siblings().removeClass("on");
				$(".content").hide();
				var str = ".content" + (parseInt($(this).index()) + 1);
				$(str).fadeIn();
				swiper.swipeTo($(this).index(), 1000, false);
			})
			
			$(".content3 .team_more").on("click",function() {
				var istrue = $(this).prev("input").attr("checked");
				if (istrue == 'checked') {
					$(this).next(".team_info").children('.team_title').next('p').next('p').hide();
					$(this).prev("input").attr("checked", false);
				} else {
					$(this).next(".team_info").children('.team_title').next('p').show();
					$(this).css("background-images","url(/zjwap/images/retract.png)");
					$(this).prev("input").attr("checked", true);
				}
			});
			
			var type = 0;
			$(".swiper-wrapper li").eq(type).trigger('click'); */
		
		function toNewIframe(code) {
			$.ajax({
				type:"post",
				url:"<%=basePath%>views/typeDetail?typeId="+code,
				success:function(msg){
					var info = eval('('+msg+')');
					if(info[0].error == "0000"){
						var goodlist = info[0].goodList;
						var typedetail = info[0].typeDetail;
						var html = "<ul class='arrange_activity'><li><img src='<%=imagePath%>"+typedetail.cIco+"' /></li>"
								+"</ul><div class='clearfix brand-introduction'><div class='left_logo'><img src='<%=basePath%>views/upai/images/two_03.png' />"
								+"</div><div class='right_jieshao'>"+typedetail.cDes+"</div></div>";
						html += "<div class='tabulation'><ul class='clearfix'>";
						for(var i =0;i<goodlist.length;i++){
							html+="<li class='padding_right'><a target='_top' href='<%=basePath%>mobile/goodsdetail?id="+goodlist[i].id+"'>"
									+"<img src='<%=imagePath%>"+goodlist[i].image+"' /><div class='dingwei'>"
									+"<div class='shangpinxxi'><p class='name'>"+goodlist[i].name+"</p>"+
									"<p class='price'>¥"+goodlist[i].product.price+"<span>¥"+goodlist[i].product.mkt_price+"</span></p>"
									+"</div><img class='gouwuche' src='<%=basePath%>views/upai/images/two_11.png' /></div></a></li>";
								}

								html += "</ul></div>";

								$("#other").html(html).show();
								$("#index").hide();
							}
						}
					})
		}

		function resize(height) {
			//alert("resize");
			document.getElementsByName("domainB")[0].height = height;
		}

		function check() {
			if ($("#goodname").val() == "") {
				return false;
			}
		}

		function goindex() {
			$("#index").show();
			$("#other").hide();
		}
	</script>
</body>
</html>
